<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul id="list" >
		<li  v-for="item in list">
			<a>{{item.id}}</a>
			<!--<a>{{item.id}}</a>-->
		</li>
		</ul>
		
		<script type="text/javascript" src="js/common/vue.min.js" ></script>
		<script type="text/javascript" src="js/model/jquery-1.8.0.min.js" ></script>
		<script src="js/mui.min.js"></script>
		
		<script>
			var movies = new Vue({
				el:'#list',
				data:{
					list:[]
				},});
			$(function(){
				
				//请求服务器数据
			mui.ajax('http://mmall.yixiaoy.cn/goods/list.do', {

				dataType: 'json', //服务器返回json格式数据
				type: 'get', //HTTP请求类型
				async: false,
				timeout: 10000, //超时时间设置为10秒；

				success: function(res) {
					if(res.resultCode == 0) {
						movies.list=res.data;
//						alert(JSON.stringify(list));

					}
				},
				error: function(xhr, type, errorThrown) {
					//异常处理；
					console.log(type);
				}
			});
			})
		</script>
		
	</body>
</html>
